<html>
<head>
    <title>Task 2</title>
    <link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="tableWrapper">
    <table class="table" cellpadding="0" cellspacing="0">
        <thead>
        <tr>
            <th class="right bottom">Contact name</th>
            <th class="right left bottom">City</th>
            <th class="right left bottom">Country</th>
            <th class="right left bottom">Is Promoted</th>
        </tr>
        </thead>
        <tr class="oddRow">
            <td>Maria Anders</td>
            <td class="left">Berlin</td>
            <td class="left">
                Germany
            </td>
            <td class="left"><input type="checkbox" /></td>
        </tr>
        <tr class="evenRow">
            <td>Ana Trujillo</td>
            <td class="left">Mexico D.F.</td>
            <td class="left">
                Mexico
            </td>
            <td class="left"><input type="checkbox" /></td>
        </tr>
        <tr class="oddRow">
            <td>Antonio Monerp</td>
            <td class="left">Mexico D.F.</td>
            <td class="left">
                Mexico
            </td>
            <td class="left"><input type="checkbox" /></td>
        </tr>
        <tr class="evenRow">
            <td>Thomas Hardy</td>
            <td class="left">London</td>
            <td class="left">
                UK
            </td>
            <td class="left"><input type="checkbox" /></td>
        </tr>
    </table>
</div>
</body>
</html>
